<meta charset="UTF-8">
<title>No.2商城-注册</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="../assets/css/login.css">
<script type="text/javascript" src="../assets/js/register.js"></script>


<div class="regist">
    <div class="regist_center">
        <div class="regist_top">
            <div class="left fl"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;加入我们</div>
            <div class="right fr">
                <a href="../index.php" target="_black">No.2商城</a>
            </div>
            <div class="clear"></div>
            <div class="xian center"></div>
        </div>
        <div class="center-block" style="margin-top: 80px;">
            <form class="form-horizontal" action="registerIssu.php" method="post" onSubmit="">
                <div class="form-group">
                    <label class="col-sm-2 control-label">用户名：</label>
                    <div class="col-sm-8" style="width: 40%">
                        <input type="text" id="username" name="username" class="form-control col-sm-10"
                               placeholder="请输入用户名……"/>
                    </div>
                    <div class="col-sm-4">
                        <p class="text-danger"><span class="help-block " id="usernameMsg"></span></p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">密码：</label>
                    <div class="col-sm-8" style="width: 40%">
                        <input type="password" name="psd1" id="psd1"
                               class="form-control col-sm-10" placeholder="请输入密码……"  required pattern="[a-zA-Z0-9_!@#$%^&*]{6,16}"/>
                    </div>
                    <div class="col-sm-4">
                        <p class="text-danger"><span id="helpBlock1" class="help-block">请输入6~16个字符，区分大小写</span></p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">确认密码：</label>
                    <div class="col-sm-8" style="width: 40%">
                        <input type="password" class="form-control col-sm-10" name="psd2" id="psd2"
                               placeholder="请确认密码……"  required pattern="[a-zA-Z0-9_!@#$%^&*]{6,16}"/>
                    </div>
                    <div class="col-sm-4">
                        <p class="text-danger"><span id="helpBlock2" class="help-block ">两次密码要输入一致哦</span></p>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 control-label">邮箱：</label>
                    <div class="col-sm-8" style="width: 40%">
                        <input type="text" name="email" id="email" class="form-control col-sm-10"
                               placeholder="请输入邮箱……"/>
                    </div>
                    <div class="col-sm-4">
                        <p class="text-danger"><span id="emailMsg" class="help-block ">填写正确邮箱格式</span></p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">性别：</label>
                    <div class="col-sm-8" style="width: 40%">
                        <label class="radio-inline">
                            <input type="radio" name="gender" checked="checked" value="男">男
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="gender" value="女">女
                        </label>
                    </div>
                    <div class="col-sm-4">
                        <p class="text-danger"><span id="helpBlock" class="help-block ">你是帅哥 还是美女</span></p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">验证码</label>
                    <div class="col-sm-8" style="width: 40%">
                        <div class="input-group">
                            <input class="form-control col-sm-8" name="useryzm" type="text"
                                   id="useryzm" title="请输入图片中的字符，看不清点击图片换一张"
                                   placeholder="验证码" required=""/>
                            <span class="input-group-btn">
                                <img class="" name="yzm" id="yzm" src="yzm.php" align="top" onclick="yzmupdate()"/>
                            </span>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <p class="text-danger"><span id="helpyzm" class="help-block ">请输入图片中的字符，看不清点击图片换一张</span></p>
                    </div>
                </div>
                <hr>
                <div class="form-group">
                    <div class="col-sm-7 col-sm-push-2">
                        <input id="registerBtn" type="submit" value="注册" class="btn btn-primary  btn-lg"
                               style="width: 200px;" disabled/> &nbsp; &nbsp;
                        <input type="reset" value="重置" class="btn btn-default  btn-lg" style="width: 200px;"  onclick="onReset()"/>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
    onInitialization();
</script>